<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>招生管理</title>
    </head>
    <link rel="stylesheet" href="/easyui/themes/default/easyui.css"/>
    <link rel="stylesheet" href="/easyui/themes/icon.css"/>
    <script type="text/javascript" src="/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/easyui/locale/easyui-lang-zh_CN.js"></script>
    <style>
    	ul.recruit_entering{
    		padding: 0;
    		margin: 0;
    	}
    	ul.recruit_entering li{
    		cursor: pointer;
    		list-style: none;
    		margin: 0;
    		padding: 5px 10px;
    	}
    	ul.recruit_entering li:HOVER {
			background: #b8b8b8;
		}
		ul.recruit_entering li.selected{
			background: #E0ECFF;
		}
		.ctr{
			cursor: pointer;
			margin-right: 10px;
		}
		
		.ctr:HOVER {
			color: #f60;
		}
    </style>
    <script type="text/javascript">
	    $(function(){
		    $(".recruit_entering").on("click","li",function(){
		    	var center = $("body").layout("panel","center");
				//刷新center区域
				center.panel("refresh",this.dataset.url);
				//选中状态
				$(this).siblings('.selected').toggleClass().end().addClass('selected');   	
		    });
		  });
    </script>
	<body class="easyui-layout">
		    <div data-options="region:'north',title:'North Title',split:false" style="height:100px;"></div>
		    <div data-options="region:'west',title:'West',split:true" style="width:200px;">
		    	<div class="easyui-accordion" data-options="fit:true,border:false" style="width:200px;">
			        <div title="系统管理"style="overflow:auto;padding: 10px">
			            
			        </div>
			        <div class="recruit_student"title="招生管理" >
			            <ul class="recruit_entering" data-options="border:false" style="width:auto;height:auto;">
					        <li data-url="/recruit/entering">潜在学员录入</li>
					        <li data-url="/recruit/follow">跟进记录</li>
					        <li data-url="/recruit/connect">咨询交接</li>
					        <li data-url="/recruit/contrac">签约记录</li>
					        <li data-url="/recruit/performance">个人业绩</li>
					        <li data-url="/recruit/statistics">招生统计</li>
					    </ul>
			        </div>
			        <div title="教学管理" style="padding:10px;">		            
			        </div>
			        <div title="就业管理" style="padding:10px;">
			            
			        </div>
			        <div title="财务管理" style="padding:10px;">
			            
			        </div>
			        <div title="关系维护" style="padding:10px;">
			            
			        </div>
			    </div>
		    </div>
		    <div id="center"data-options="region:'center'">
		    	<table id="dg"></table>
		    </div>	
	</body>
</html>